草庐IT

HTML5 SVG

全部标签

javascript - Vue 在用 webpack 编译时用注释替换 HTML

我遇到的问题是,一旦我importvue,vue的包装元素(在我的例子中是#app)将被替换为以下注释控制台中没有错误,webpack编译正常,但是我确实从vue的mounted方法获取了控制台日志。我的index.htmlDocumentsomecontent{{test}}webpack.config.jsconstpath=require('path');module.exports={entry:'./src/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'dist')}}源/app.jsimp

javascript - 如何在 HTML 中使 vim 缩进 JavaScript?

Vim7.0.237的indentexpr=HtmlIndentGet(v:lnum)让我抓狂.当我在中编辑JavaScript时标签缩进以匹配周围的html并按回车键,它将上一行移动到第0列。当我自动缩进整个文件时,脚本移回右侧。vim的JavaScript-in-HTML/XHTML缩进在哪里? 最佳答案 Here是类似的问题,接受的答案带有两个vim插件的链接:htmlimprovedindentation:AbetterindentationforHTMLandembeddedjavascriptmentionedbyMan

javascript - 谷歌地图 : How to add HTML elements to specific coordinates?

我想知道如何以及是否可以将标准HTML元素(div、按钮)添加到map上的一组特定坐标?例如我有一组坐标,我想给它们附加一个自定义气球通知当我从坐标平移时,元素应该消失,当我平移回到它们时,元素应该重新出现。是否可以使用Googlemap做到这一点? 最佳答案 您可以使用自定义覆盖-https://developers.google.com/maps/documentation/javascript/customoverlays为此 关于javascript-谷歌地图:HowtoaddH

javascript - jQuery: html() 返回空字符串

如果我使用Firebug并输入$("").html()进入监window口,我得到一个空字符串。我的猜测是因为$("")尚未呈现到文档中。如何获取$("")的标记在将其添加到DOM之前? 最佳答案 您要的是外部HTML,而不是内部,HTML内部确实是空的。要获取HTML,您必须将其包装在另一个元素中,如下所示:jQuery("").append($("").clone()).html()这会给你: 关于javascript-jQuery:html()返回空字符串,我们在StackOver

javascript - 是否有任何工具可以按 DOM 结构比较 HTML 文档?

我想比较两个HTML文档,并想知道它们是否相同。但仅按DOM结构进行比较,这意味着忽略标签中属性的顺序,例如,是一样的。 最佳答案 DOMLevel3Core提供方法isEqualNode()比较内容给出一个解析的DOM节点。Firefox、Chrome、Safari和IE9支持此功能,但Opera或更早版本的浏览器不支持。如果您需要其他浏览器的支持,则必须自己实现。这是JS中的部分实现:functionNode_isEqualNode(that,other){//Usenativesupportwhereavailable//if

javascript - 将 d3.js SVG 代码转换为独立程序——有什么建议吗?

我有一些用d3.js编写的生成SVG图表的脚本。我想用独立程序生成这些图表——我可以将这些脚本转换为在批处理模式下运行而无需浏览器的最简单方法是什么? 最佳答案 你可以:将其转换为node.js程序。您将有权访问文件系统,并且能够轻松保存生成的SVG。你需要node-canvas替换HTMLCanvas。参见thisd3example开始将d3与节点一起使用。您可以将Chrome中的文件系统API与现有脚本一起使用,以将文件写入硬盘。这可能更容易,因为您只需要在已有的基础上实现文件系统代码。参见thishtml5rocksartic

javascript - 在滚动完成之前,Safari 中的单指滚动不会呈现 html

在一个移动web应用程序中,我有一个div,它可以使用新的fancy-webkit-overflow-scrolling:touch滚动。唯一的问题是只有在滚动完成时才会呈现内容。有没有办法让MobileSafari(可能还有其他移动浏览器,如Android中的浏览器)在单指滚动期间呈现html?.layer-content{position:absolute;top:112px;bottom:0;width:100%;background:#e6e6e6;overflow-y:scroll;-webkit-overflow-scrolling:touch;}

javascript - 如何使用 JavaScript 获取缩放后的 SVG 元素的宽度?

如果我有内联SVG,包括一个已缩放的元素......或者在中带有viewBox的元素属性:...我如何以编程方式找到myElement的新缩放宽度(以像素为单位)-无需手动检测缩放比例并进行数学计算?到目前为止myElement.getBBox().width返回245不考虑缩放比例。 最佳答案 请检查这个fiddlehttp://jsfiddle.net/T723E/.单击矩形并注意firebug控制台。在这里,我硬编码了一个数字.3,它是包含svg节点/1000个用户单元的div的300像素宽度。看到赏金后,这是我返回的函数,无

javascript - 如何获取所有以某物开头的 HTML 属性(属性名称,*不是*它们的值!)

我想获取HTML页面中的所有元素/节点,这些元素/节点包含以某物开头的属性(同样,属性名称以某物开头,而不是它们的值!)。例如,TinyMCE倾向于为其保存的元素添加自定义属性,如"mce_style"、"mce_href"、"mce_bogus"等。我想要类似CSS3选择器的属性值,[attr^="mce_"],但不是值,属性名称。当然,我可以遍历所有的DOM节点和它们的属性,并一一检查,但我想知道是否有更有效的方法。请不要给我特定于TinyMCE的答案,我很确定有一个标志会阻止TinyMCE保存这些属性,但问题是通用的。 最佳答案

javascript - 点击浏览器 "back"按钮显示 JSON 而不是 HTML(使用 Rails 和 d3.js)

我正在使用d3.jsJSON回调在Rails中生成图表,如下所示:查看d3.json(document.URL,function(data){//generatechart}Controllerdefindexrespond_todo|format|format.htmldo#returntheHTMLendformat.jsondo#returntheJSONendendend一切正常。然而,当用户离开此图表,然后使用浏览器上的“后退”按钮导航回到它时,他们会看到JSON而不是HTML。你能建议我如何解决这个问题吗? 最佳答案 嗯